<template>
  <div>
    <div class="chat_btn"
         @click="chatShow">
      联系客服

    </div>
    <FrontChat v-if="getFrontChatShow"  />
  </div>

</template>

<script>
import FrontChat from 'components/common/chat/FrontChat'
import { mapGetters } from 'vuex'
export default {
  components: {
    FrontChat
  },
  data() {
    return {
      isShow: false,
      test: false
    }
  },
  methods: {
   
    chatShow() {

      this.$store.commit('frontChatShowing', true)
    }
  },
  created() {
    this.$show.$on('chatBoxCLose', this.closeShowB)
  },
  computed: {
    ...mapGetters(['getFrontChatShow'])
  }
}
</script>

<style>
.chat_btn {
  position: fixed;
  left: 0px;
  top: 50%;
  width: 20px;
  border: 1px solid #ccc;
  cursor: pointer;
}
</style>